<template>
<div class="cont">
  <div class="dia-box">
    <dialogue v-for="value in updatalist" :key="value.id" :msg='value' />
  </div>
</div>
</template>

<script>
import dialogue from '@/components/dialogue.vue'
import {getlist} from '@/utils'


export default {
  name: 'contents',
  data(){
    return{
    }
  },
  computed:{
    updatalist(){
      if(this.$store.getters.updatelist.length <= 0 ){
        getlist()
      }
      return this.$store.getters.updatelist
    }
  },
  created(){
    if((this.$store.state.indexdata).length <= 0 ){
      getlist()
    }

  },
  components:{
    dialogue
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.cont{
    width: 100%;
    height: 100%;
    max-height: calc(100% - 95px);
    overflow: scroll;
    transition: all 1s linear;
}
.cont::-webkit-scrollbar { width: 0 !important }

.cont { -ms-overflow-style: none; }

.cont { overflow: -moz-scrollbars-none; }
.dia-box{
  width: 100%;
}
</style>
